<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<style>
	.overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999;
	}
	.overlay img {
		display: block;
		max-width: 80%;
		max-height: 80%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.overlay.active {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#fileImg {
		cursor: pointer;
	}
</style>
<body class="gray-bg">
	<div class="wrapper wrapper-content ">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox float-e-margins">
					<div class="ibox-content">
						<form class="form-horizontal m-t" id="signupForm">
							<div class="form-group">
								<label class="col-sm-3 control-label">类型</label>
								<div class="col-sm-4">
									<select id="type" name="type" placeholder="请选择类型" class="form-control">
										<option value="">请选择</option>
										<option value="1">标题</option>
										<option value="2">logo</option>
										<option value="3">背景图</option>
										<option value="4">颜色</option>
										<option value="5">主题</option>
									</select>
								</div>
								<div class="col-sm-4">
									<select id="second-select" name="specificType" class="form-control" >
										<option value="">请选择</option>
									</select>
								</div>
							</div>
							<div class="form-group" id="values">
								<label class="col-sm-3 control-label">值：</label>
								<div class="col-sm-8">
									<input id="value" name="value" placeholder="值" class="form-control" type="text">
								</div>
							</div>
							<div class="form-group" id="uploadBox" style="display: none">
								<label class="col-sm-3 control-label">图片上传</label>
								<div class="col-sm-8">
									<input type="file" accept="image/*" id="upload-button">
								</div>
								<div class="col-sm-8" style="margin-top: 10px">
									<img id="fileImg" src="" style="max-width: 100%;height: auto;border: 1px dashed #aaacaf">
								</div>

							</div>
							<div class="form-group" id="colorBox" style="display: none">
								<label class="col-sm-3 control-label">颜色选择：</label>
								<div class="col-sm-8">
									<input id="colorComponent" value="" data-jscolor="{}" />
								</div>
							</div>
							<div class="form-group" id="theme" style="display: none">
								<label class="col-sm-3 control-label">类型：</label>
								<div class="col-sm-8">
									<select id="themeInput" name="value" placeholder="请选择类型" class="form-control">
										<option value="">请选择</option>
										<option value="1">雷一教育-职业素养测评</option>
										<option value="2">湖南金婴丽人健康管理有限公司</option>
									</select>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-8 col-sm-offset-3">
									<button type="submit" class="btn btn-primary">提交</button>
								</div>
							</div>
						</form>
					</div>
				</div>
			</div>
	</div>
	</div>
	<div class="overlay">
		<img src="" alt="image">
	</div>
	<div th:include="include::footer"></div>
	<script type="text/javascript" src="/js/jscolor.min.js"></script>
	<script type="text/javascript" src="/js/webJs/jzweb/kawmType/add.js">
	</script>
</body>
</html>
